<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8"/>
    <title>title</title>
</head>

<body>
<div class="nav">导航</div>
<div id="container"></div>


<script>

    var text = document.createElement("p");// 创建一个p元素
    var content = document.createTextNode("我是文本")// 创建一个文本节点
    var id = document.createAttribute("id"); // 创建一个id属性
    id.value = "root" // 设置id属性值
    text.setAttributeNode(id);// 将id属性添加到p元素中
    text.appendChild(content);// 将文本节点添加到p元素中

    console.log(id)
    console.log(text);

    var container = document.getElementById("container");// 获取id为container的元素
    container.appendChild(text);// 将p元素添加到container元素中


</script>
</body>

</html>